<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<head>
<title>MyGWT UX Explorer</title>
<style>
* {
  margin: 0px;
  padding: 0px;
}
#loading {
  position: absolute;
  left: 45%;
  top: 40%;
  margin-left: -45px;
  padding: 2px;
  z-index: 20001;
  height: auto;
  border: 1px solid #ccc;
}
#loading a {
  color: #225588;
}
#loading .loading-indicator {
  background: white;
  color: #444;
  font: bold 13px tahoma, arial, helvetica;
  padding: 10px;
  margin: 0;
  height: auto;
}
#loading .loading-indicator img {
  margin-right:8px;
  float:left;
  vertical-align:top;
}
#loading-msg {
  font: normal 10px arial, tahoma, sans-serif;
}
</style>
</style>
	<link rel="stylesheet" type="text/css" href="mygwt-all.css" />
	<link rel="stylesheet" type="text/css" href="mygwt-all-gray.css" />
</style>
</head>
<body style="overflow: hidden">
<script language='javascript' src='net.mygwt.ux.samples.explorer.Explorer.nocache.js'></script>
<div id="loading">
  <div class="loading-indicator">
    <img src="images/default/shared/large-loading.gif" width="32" height="32"/>MyGWT UX @VERSION@<br/><span id="loading-msg">Loading demo...</span>
  </div>
</div>
<ul id="toc" style="display: none">
  <li title="Widgets">
    <ul>
      <li id="TestPage" title="Test"></li>
      <li id="TextBoxPage" title="TextBox"></li>
      <li id="SliderPage" title="Slider"></li>
      <li id="SimpleWizardPage" title="Simple Wizard"></li>
      <li title="Table">
        <ul>
          <li id="EditTablePage" title="Editable Table"></li>
        </ul>
      </li>
      <li title="Windows">
        <ul>
         <li id="InputPage" title="Input Box/Dialog"></li>
        </ul>
      </li>
    </ul>
  </li>
  <li id="ActionsPage" title="Actions"/>
</ul>
<script language='javascript' src='net.mygwt.ux.samples.explorer.Explorer.nocache.js'></script>
</body>
</html>
